@import '/styles/mixins.less';
@import '/styles/variables.less';

.temp-step {

  > .view-content {
    position: relative;
    display: flex;
    height: 54rpx;
    align-items: center;

    > .btn-reduce {
      min-width: 64rpx;
      width: 64rpx;
      height: 54rpx;
      overflow: hidden;
      box-sizing: border-box;
      background: transparent url("/images/step_reduce-icon.svg") center / 100% 100% no-repeat;
    }

    > .view-input {
      padding: 0 12rpx;
      min-width: 60rpx;
      width: 60rpx;
      > input {
        width: 100%;
        padding: 0;
        text-align: center;
        display: block;
        line-height: 54rpx;
        height: 54rpx;
        overflow: hidden;
        font-size: 32rpx;
      }
    }

    > .btn-add {
      min-width: 64rpx;
      width: 64rpx;
      height: 54rpx;
      overflow: hidden;
      box-sizing: border-box;
      background: transparent url("/images//step_add-icon.svg") center / 100% 100% no-repeat;
    }
    > .btn-add-fixed {
      position: absolute;
      top: 0;
      right: 0;
    }
  }


}
